body {
  height: 100vh;
  position: relative;
}



.container{
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  padding: 2rem 1rem;
  justify-content: space-between;
  align-items: center;
  background-color:#01a9c0;

  border-radius: 0.5rem;
}

@media(max-width: 800px) {
  .container {
    width: 75%;
    flex-direction: column;
  }
}

form, .table-1side {
  flex-grow: 1;
}



#logo {
  color: white;
}

@font-face{
  font-family: noClearly;
  src: url(../../home/fonts/standard\ pilot\ demo.ttf);
}

input:focus{
  outline: none;
}
input{
  padding: none;
  border: none;
  outline: none;
  background-color:transparent;
  padding: 0;
}


/* logo */

#logo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 10rem ;
  height: 10rem;
  border: 2px dotted white;
  border-radius: 50%;
  margin: 0 auto;
}
#logo>p{
  text-align: center;
  margin: 0;
}
.primary{
  font-size: 3.5rem;
  font-family: noClearly;
}
#logo>p:not(.primary){
  color: rgba(128, 128, 128);
}

/*  */
h4{
  text-transform: uppercase;
  color: white;
  font-family: sans-serif;
  font-weight: 100;
  text-align: center;
}

form>div>input,form>div>div,form>div{
  line-height: 2.25rem;
  height: 2.25rem;
}

@media(max-width: 800px) {
  form>div>input,form>div>div,form>div{
    line-height: 3.5rem;
    height: 3.5rem;
  }
}

/* 表单样式  */
form>div{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  width: 16rem;
  margin: 1.5rem auto;
  border-radius: 0.30rem;
}

form>div>input:not(.submit){
  width: 10rem;
  text-indent: 0.5rem;
  background-color: white;
}

form>div>div{
  position: absolute;
  left: 0;
  width: 16rem;
  font-size: 0.8rem;
  text-align: center;
  background-color: #087b97;
  color: white;
}

/* 移动动画 */
form>div>.add_widthC{
  transition: width 0.25s;
  width: 6rem;
}

.submit{
  width: 16rem;
  text-align: center;
  cursor: pointer;
  color: #CCC;
  background-color: #035286;
} 

.submit:hover {
  color: white;
}